.table-wrap {
  width: 100%;
  height: calc(100% - 66px);
  :global {
    .ant-table thead th.ant-table-column-has-sorters:hover {
      background-color: #18d043;
    }
    .ant-table-filter-trigger-container:hover {
      background-color: #18d043;
    }
    .ant-table-filter-trigger-container-open,
    .ant-table-filter-trigger-container:hover,
    thead th.ant-table-column-has-sorters:hover .ant-table-filter-trigger-container:hover {
      background-color: #18d043;
    }
    .ant-table-filter-trigger {
      color: #fff;
    }
    .ant-table-column-sorter-up.active,
    .ant-table-column-sorter-down.active {
      color: #ffb76c;
    }
    .ant-table-column-sorter {
      color: #fff;
    }
    .ant-table-header {
      table {
        table-layout: inherit !important;
      }
    }
    .ant-table thead > tr > th {
      background: #16ba3c;
      color: #fff;
    }
    .ant-table {
      border: 1px solid #e1e1e1;
      border-top: none;
    }
    .ant-table tbody > tr > td {
      border-bottom: 1px solid #e1e1e1;
    }
    .ant-table tbody > tr {
      &:last-child {
        td {
          border-bottom: none;
        }
      }
    }
    .ant-table tbody > tr {
      &:nth-child(2n) {
        background-color: #f8f8f8;
      }
      &:hover {
        td {
          cursor: pointer;
          background: transparent;
        }
      }
    }

    .ant-table thead > tr > th,
    .ant-table tbody > tr > td {
      padding: 7px 8px;
    }
  }
}
